<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>欢迎登录:{{LoginUser.name}}</span>
    </div>
    <div style="
              font-size: 15px;
              line-height: 24px;
              color: #fff;
              margin-top: 10px;
              text-align: center;">
      <el-avatar
          style="
          height: 150px;
          width: 150px;
          border: 1px solid #eee;
          border-radius: 50%;
          // padding边距增加
          padding: 10px;
          //阴影处理
          box-shadow: 0 0 10px #ddd;"
                 v-show="LoginUser.image"  v-bind:src="LoginUser.image"></el-avatar>
    </div>
    <div style="
          font-size: 20px;
          line-height: 24px;
          margin-top: 10px;
          text-align: center;">
      <span>用户名:{{LoginUser.name}}</span>
    </div>
    <div style="
          font-size: 20px;
          line-height: 24px;
          margin-top: 10px;
          text-align: center;">
      <span>当前权限为:</span>
    </div>
    <div style="
          font-size: 20px;
          line-height: 24px;
          margin-top: 10px;
          text-align: center;">
      <span>简介:</span>
    </div>
  </el-card>
</template>

<script>
export default {
  name: "Welcome",
  mounted() {
    let _this = this;
    _this.LoginUser = Tool.getLoginUser();
    console.log("登录信息",_this.LoginUser);
  },
  data(){
    return{
      LoginUser:{},
    }
  },
}
</script>

<style scoped>

</style>